{% extends "build.html" %}

<!-------------------------------------------------------------------------->
<!--------------------- course_catalog block ------------------------------->

	{% block course_catalog %}
	<!-- Modal -->
	<div id="courseCatalogModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

	<!-- Modal Header -->
	<div class="modal-header">
    	<button type="button" id="courseCatalogExit1" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    	<h3 id="myModalLabel">בחר קורסים והוסף למערכת</h3>
  	</div>
	
    <!-- Modal Body -->
    <div class="modal-body">
   
		<table id=mainCourseTable class="table table-bordered">
			 <thead>
             	 <tr>
                <!--CHANGES td->th-->
             	 	<th width="33%">פקולטות</th>
                  	<th width="43%">קורסים</th> 
                  	<th width="24%">קורסים שנבחרו</th> 
                  
              	 </tr>
             </thead>
              
               <tbody>
              	<tr>
              	 <td width="33%">
                    <!-- Faculties Accordion -->
                    <div class="accordion" id="faculties-accordion">
                        {%for faculty in faculties %}
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#faculties-accordion" href="#{{faculty.0}}">				                                <br/>
                                    <!-- Faculty name -->
                                    {{faculty.1}}
                                </a>
                            </div>
                            
                             <!-- departments list for this faculty -->
                            <div id="{{faculty.0}}" class="accordion-body collapse">
                                <ul id="departmentList" class="accordion-inner nav nav-list">
                                    <!-- Sub-Faculty name -->
                                    {%for department in faculty.2 %}
                                    <li class="{{department.0}}"><a href="#">{{department.1}}</a></li> 
                                    {%endfor%}	
                                </ul>  
                            </div>
                        </div>
                        {%endfor%}	 
                    </div>
                  </td>	
                 
                  <td width="43%">
                  	<table id="containerTable">
                  		
					</table>
                  </td>
                <td width="24%">
                	<table class="chosenCourses">
                		
                	
                	</table>
                </td>
              </tr>
            </tbody>
		</table>
	
  </div>
  
  <div id="catalogModalFooter" class="modal-footer">
    <button id="courseCatalogExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
    <button id="addCourses" class="btn btn-primary">הוסף קורסים למערכת </button>
  </div>

</div>
{% endblock %}

<!---------------------------------------------------------------->
<!------------------------- optimize block ----------------------->
{% block optimize %}
	<!-- Modal -->
	<div id="optimizeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

	<!-- Modal Header -->
	<div class="modal-header">
    	<button type="button" id="optimizeExit1" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    	<h3 id="myModalLabel">יעל מערכת</h3>
  	</div>
	
    <!-- Modal Body -->
    <div class="modal-body">
   
		<table id=mainOptimizeTable class="table">
			<tr>
				<td width="65%">
                	<table id="settings" class="table table-condensed">
                    <tr class="inverse">
                    <td width="22%">ימים</td>
                    <td width="50%"></td>
                    <td width="13%"></td>
                    <td width="2%"></td>
                    <td width="13%"></td>
                    </tr>
                        	
                            <tr>
                             <td>
<!---->
<div class="switch">
    <input type="checkbox">
</div>
                             </td>
                             <td>ימים:</td>
                             <td colspan="3">
                             <input type="number" min="1" max="6" step="1" class="input-mini"/>
                             </td>
                            </tr>
                            <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                             </td>
                             <td>יום חופש:</td>
                             <td colspan="2">
<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    בחר יום
    
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li><a tabindex="-1" href="#">ראשון</a></li>
  <li><a tabindex="-1" href="#">שני</a></li>
  <li><a tabindex="-1" href="#">שלישי</a></li>
      <li><a tabindex="-1" href="#">רביעי</a></li>
  <li><a tabindex="-1" href="#">חמישי</a></li>
  <li><a tabindex="-1" href="#">שישי</a></li>

    <!-- dropdown menu links -->
  </ul>
</div>
                          </td>
                          <td>
                           <div>
                          <button class="btn"><i class="icon-plus-sign"></i></button>
                           </div>	
                          </td>
                            </tr>
                            <tr>
                             <th colspan="5">שעות</th>
                            </tr>
                             <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                              </td>
                             <td>שעות חלון:</td>
                             <td colspan="3"> <input type="number" min="1" max="6" step="1" class="input-mini"/></td>
                             </tr>
                            <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                              </td>
                             <td>אחרי:</td>
                             <td>
                             <input type="time" value="08:00" class="input-mini"/>
                             </td>
                             <td>:</td>
                             <td>
                             <input type="time" value="20:00" class="input-mini"/>
                             </td>
                            <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                              </td>
                             <td>לפני:</td>
                             <td>
                             <input type="time" value="08:00" class="input-mini"/>
                             </td>
                             <td>:</td>
                             <td>
                             <input type="time" value="20:00" class="input-mini"/>
                             </td>
                            </tr>
                            <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                              </td>
                             <td>חפיפה:</td>
                             <td colspan="3">
                             <input type="number" min="0" step="1" class="input-mini"/>
                             </td>
                            </tr>
                            <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                              </td>
                             <td>חלון ב:</td>
                             <td colspan="2">
                                                          <div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    בחר יום
    
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li><a tabindex="-1" href="#">ראשון</a></li>
  <li><a tabindex="-1" href="#">שני</a></li>
  <li><a tabindex="-1" href="#">שלישי</a></li>
      <li><a tabindex="-1" href="#">רביעי</a></li>
  <li><a tabindex="-1" href="#">חמישי</a></li>
  <li><a tabindex="-1" href="#">שישי</a></li>

    <!-- dropdown menu links -->
  </ul>
</div>
</td>
                             <td>
                           <div>
                          <button class="btn"><i class="icon-plus-sign"></i></button>
                           </div>	
                             </td>
                            </tr>
                            <tr>
                             <td>
                             </td>
                             <td></td>
                             <td width="10">
                             <input type="time" value="08:00" class="input-mini"/>
                             </td>
                             <td>:</td>
                             <td>
                             <input type="time" value="20:00" class="input-mini"/>
                             </td>
                            </tr>
                            <tr>
                             <th colspan="5">מבחנים</th>
                            </tr>
                            <tr>
                             <td>
                             <div id="callback-toggle-button">
                              <input type="checkbox">
                              </div>
                              </td>
                             <td>מרווח בין מבחנים:</td>
                             <td colspan="3">
                             <input type="number" min="1" step="1" class="input-mini"/>
                             </td>
                            </tr>
	               </table>
                </td>
                <td width="35%">
                	<table id="mustHave" class="table table-bordered table-condensed">
					 <thead>
                      <tr>
                    	<th>בחר קורסים ודאיים
                        </th>
                      </tr>
                     </thead>
                     <tbody>
                      <tr><td>לוגיקה למדעי המחשב</td></tr>
                      <tr class="info"><td>חדו"א 2</td></tr>
                      <tr><td>מתמטיקה בדידה</td></tr>
                     </tbody>
                    </table>
                </td>
			</tr>
            
		</table>
	
  </div>
  
  <div id="optimizeModalFooter" class="modal-footer">
    <button id="optimizeExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
    <button id="buildSystem" class="btn btn-primary">בנה מערכת </button>
  </div>

</div>
{% endblock %}



<!---------------------------------------------------------------->
<!---------------------signIn block------------------------------->
{% block sign_in %}
	<!-- Modal -->
	<div id="signInModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

	<!-- Modal Header -->
	<div class="modal-header">
    	<button type="button" id="signInExit1" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    	<h3 id="myModalLabel">התחברות</h3>
  	</div>
	
    <!-- Modal Body -->
    <div>
    
    </div>
    
    
    <!--Footer-->
      <div id="signInModalFooter" class="modal-footer">
    <button id="signInExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
    <button id="buildSystem" class="btn btn-primary">בנה מערכת </button>
  </div>
    
 </div>
 {% endblock %}

<!-------------------------------------------------------------------------->
<!--------------------- course_profile block ------------------------------->
 {% block course_profile %}
 <!--all page is one big table-->
  <table border="1" width="100%">
  <tr>
  <td>
   פרופיל קורס: לוגיקה למדעי המחשב (0368-3811)
  </td>
  </tr>
  <tr>
  <td>
  <div class="tabbable"> <!-- for RIGHT ALIGNMENT i added "pull right" to each li-->
    <ul class="nav nav-tabs">
      <li class="active pull-right"><a href="#tab1" data-toggle="tab">מידע על הקורס</a></li>
      <li class="pull-right"><a href="#tab2" data-toggle="tab">סילבוס</a></li>
         <li class="pull-right"><a href="#tab3" data-toggle="tab">סטטיסטיקות בידינג</a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active" id="tab1">
       <!--table for the Course Info-->
  <table width="100%" border="3">
 
	<tr>
    <td>
    <table width="100%">
    <tr>
    <td>
  
  <span class="label label-info">כללי</span>
	</td>
      
  </tr>
  <!--general information-->
  <tr>
  <td>
  <table class="table table-condensed table-hover">
  
  <tr><th>
  שם הקורס: 
  </th>
  <td>
  לוגיקה למדעי המחשב
  </td></tr>
  <tr><th>
  שנה: 
  </th>
  <td>
  2013
  </td></tr>
  <tr><th>
  סמסטר: 
  </th>
  <td>
  א
  </td></tr>
  
  </table>
  </td></tr>
  <tr><td>
  <span class="label label-info">קבוצות לימוד</span>
  </td></tr>
  <tr><td>
  <!--HARTZAOT table-->
  <table class="table table-condensed table-hover">
  <thead>
  <tr>
  <th>
  הרצאה
  </th>
  <th>
  מרצה
  </th>
  <th>
  יום
  </th>
  <th>
  שעה
  </th>
  </tr>
  </thead>
  
  <tbody>
  <tr>
  <td>
  01
  </td>
  <td>
  פרופ' קארין אנג'ל
  </td>
  <td>
  שני
  </td>
  <td>
  08:00-09:00
  </td>
  </tr>
  
  <tr>
  <td>
  02
  </td>
  <td>
  דר' עדן גל
  </td>
  <td>
  שלישי
  </td>
  <td>
  12:00-15:00
  </td>
  </tr>
  
  <tr>
  <td>
  04
  </td>
  <td>
  גברת מיטל שמיר
  </td>
  <td>
  חמישי
  </td>
  <td>
  13:00-15:00
  </td>
  </tr>
  </tbody>
  </table>
  <!--end of HARTZAOT table-->
  
  
  <!--TIRGULIM table-->
  <table class="table table-condensed table-hover">
  <thead>
  <tr>
  <th>
  הרצאה
  </th>
  <th>
  מרצה 
  </th>
  <th>
  יום
  </th>
  <th>
  שעה
  </th>
  </tr>
  </thead>
  
  <tbody>
  <tr>
  <td>
  03
  </td>
  <td>
  מר גיא הרדונג
  </td>
  <td>
  שני
  </td>
  <td>
  08:00-09:00
  </td>
  </tr>
  
  <tr>
  <td>
  05
  </td>
  <td>
  מר ארבל פריימן
  </td>
  <td>
  שלישי
  </td>
  <td>
  12:00-15:00
  </td>
  </tr>
  
  <tr>
  <td>
  06
  </td>
  <td>
  גברת מיטל שמיר
  </td>
  <td>
  חמישי
  </td>
  <td>
  13:00-15:00
  </td>
  </tr>
  </tbody>
  </table>
  <!--end of TIRGULIM table-->
  
  
  
  </td></tr>
  <tr><td>
  <span class="label label-info">מבחנים</span>
  </td></tr>
  <tr><td>
  <table class="table table-condensed table-hover">
  <thead>
  <tr>
  <th>סמסטר</th>
  <th>מועד</th>
  <th>תאריך</th>
  <th>יום</th>
  <th>שעה</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>א</td>
  <td>א</td>
  <td>12.6.13</td>
  <td>שני</td>
  <td>09:00</td>
  </tr>
  <tr>
  <td>א</td>
  <td>ב</td>
  <td>16.9.13</td>
  <td>ראשון</td>
  <td>09:00</td>
  </tr>
  </tbody>
  </table>
  </td>
	</table>    
    </td>
    
    <td width="40%" valign="top">
    <table width="100%">
    <tr >
    <td>
  
  <span class="label label-info">מידע נוסף</span>
  </td>
  </tr>
  
  <tr><td>
    <table class="table table-condensed table-hover"> 
  
  <tr><th>
  שפה: 
  </th>
  <td>
  עברית
  </td></tr>
  <tr><th>
  מתכונת: 
  </th>
  <td>
  הרצאה פעם בשבועיים
  </td></tr>
  <tr><th>
  וידאו: 
  </th>
  <td>
  <i class="icon-ok"></i>
  </td></tr>
    <tr><th>
  פרויקט סיום/מבחן: 
  </th>
  <td>
  מבחן
  </td></tr>
  
  
  
	</table>    
    </td>
  
  </tr>
  
    <tr >
    <td>
  
  <span class="label label-success">הקורס מתקיים גם בסמסטר ב</span>
  </td>
  </tr>
  
  </table>
  </td></tr>

  
  </table>
  
  
  
  

  
  
  
  
  <!--table content continue-->
  
      </div>
      <div class="tab-pane" id="tab2">
       סילבוס
      </div>
      <div class="tab-pane" id="tab3">
         <!--table for the Statistics-->
         <table width="100%" border="3">
 
	<tr>
    <td>
    <table width="100%">
    <tr>
    <td>
  
  <span class="label label-info">המוקאפ עוד לא ברור!!</span>
	</td>
 
  </tr>
         
         
  
      </div>
    </div>
  </div>
  
  </td>
  
  </tr>
  </table>
  
   {% endblock %}
  